<!--个人中心左边-->
<div class="individualism_lf_item">
    <div class="individualism_person">
        <div class="individualism_person_img">
            <img src="images/dyf/pren.jpg" alt=""/>
        </div>
        <p>昵称：牧校</p>
    </div>
    <ul>
        <li class="active"><a href="#"> <i class="iconfont icon-zhanghaoshezhi"></i> 个人中心</a>
            <div class="hide_list">
                <p class="active"> <a href="#"> 修改个人资料</a></p>
                <p> <a href="#"> 修改账号密码</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-dingdan2"></i> 我的订单</a>
            <div class="hide_list">
                <p class="active"> <a href="#"> 全部订单</a></p>
                <p> <a href="#"> 已完成订单</a></p>
                <p> <a href="#"> 未完成订单</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-yongjin"></i> 分佣中心</a>
            <div class="hide_list">
                <p class="active"> <a href="#"> 分享列表</a></p>
                <p> <a href="#"> 我要提现</a></p>
                <p> <a href="#"> 提现记录</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-shijian"></i> 历史记录</a>
            <div class="hide_list">
                <p class="active"> <a href="#"> 最近收听</a></p>
                <p> <a href="#"> 最近阅读</a></p>
                <p> <a href="#"> 最近分享</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-xiaofeijilu"></i> 消费记录</a>
            <div class="hide_list">
                <p class="active"> <a href="#"> 会员充值</a></p>
                <p> <a href="#"> 普通消费</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-shoucang"></i> 我的收藏</a>
            <div class="hide_list">
                <p class="active"> <a href="#"> 音频</a></p>
                <p> <a href="#"> 文章</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-xiaoxi1"></i> 消息通知</a></li>
        <li><a href="#"> <i class="iconfont icon-tuichu"></i> 退出账号</a></li>
    </ul>
</div>
<script>
    $(".individualism_lf_item ul li").click(function(){
        $(this).addClass("active").siblings().removeClass('active')
    })
</script>